<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<script type="text/javascript" src="js/index.js"></script>
		<script type="text/javascript" src="js/sp.js"></script>
	</head>

	<body>
		<div class="show">
			<div class="page" >
				<div class="page1_box">
					<div></div>
					<p>LOADING</p>
					<p>. . .</p>
					<p id="page1_number">90%</p>
				</div>
			</div>
			
			<div class="page" >
					<div class="page2_box">
						<input type="text" maxlength="5"  name="" id="name" value="" placeholder="输入姓名" class="name"/>
						<select name="" class="zhiye" id="zhiye">
							<option value="男生">男生</option>
							<option value="女生">女生</option>
						</select>
						<button class="page2_btn">开启中秋之旅</button>
					</div>
			</div>
			
			<div class="page" >
				<div class="page3_box">
					<!--背景-->
					<div></div>
					<div></div>
					<!--...-->
					<div>
						<!-- <video width="375" height="200"  controls="controls" src="img/bg.mp4">
							<source src="img/video.mp4" type="video/mp4">
						</video>-->
					</div>
					<div></div>
					<div></div>
					<div></div>
					<div>
					<p id="page3_name">中国地大物博</p>
					<p id="page3_six"></p>
					<P>十五月儿圆又圆</P>
					<P>中秋饼儿甜又甜</P>
					<P>让最圆的明月陪伴您我</P>
					<P>让明月传达我的心愿与祝福</P>
					<P>祝您中秋佳节快乐</P>
					</div>
					<div id="">
						<div class="page3_btn">下一页</div>
					</div>
				</div>
			</div>
			<div class="page box3">
				<div class="title">
					<div>中</div>
					<div>秋</div>
					<div>想</div>
					<div>做</div>
					<div>什</div>
					<div>么</div>
					<div>？</div>
				</div>
				<img class="sun" src="img/sun.png" />
				<div class="btn" id="btnpage3">
					<div>已经选好啦</div>
					<img class="btn_bg" src="./img/btn__bg.png" />
				</div>
				<div></div>
				<div class="row content">	
					<div class="bgcolor_green item row">
						<div class="bg_white viewtext_color_green item_a">A</div>
						<div class="viewtext_color_white">赏月</div>
						<div class="viewtext_color_green">√</div>
					</div>
					<div class="bgcolor_green item row">
						<div class="bg_white viewtext_color_green item_a">B</div>
						<div class="viewtext_color_white">烧烤</div>
						<div class="viewtext_color_green">√</div>
					</div>
					<div class="bgcolor_green item row">
						<div class="bg_white viewtext_color_green item_a">C</div>
						<div class="viewtext_color_white">猜灯谜</div>
						<div class="viewtext_color_green">√</div>
					</div>
					<div class="bgcolor_green item row">
						<div class="bg_white viewtext_color_green item_a">D</div>
						<div class="viewtext_color_white">吃月饼</div>
						<div class="viewtext_color_green">√</div>
					</div>
					<div class="bgcolor_green item row">
						<div class="bg_white viewtext_color_green item_a">E</div>
						<div class="viewtext_color_white">点灯笼</div>
						<div class="viewtext_color_green">√</div>
					</div>
					<div class="bgcolor_green item row">
						<div class="bg_white viewtext_color_green item_a">F</div>
						<div class="viewtext_color_white">捉迷藏</div>
						<div class="viewtext_color_green">√</div>
					</div>
					<div class="bgcolor_green item row">
						<div class="bg_white viewtext_color_green item_a">G</div>
						<div class="viewtext_color_white">放烟花</div>
						<div class="viewtext_color_green">√</div>
					</div>
					<div class="bgcolor_green item row">
						<div class="bg_white viewtext_color_green item_a">H</div>
						<div class="viewtext_color_white">放鞭炮</div>
						<div class="viewtext_color_green">√</div>
					</div>
<!-- 					<div class="bgcolor_green item row">
						<div class="bg_white viewtext_color_green item_a">A</div>
						<div class="viewtext_color_white">经常感冒</div>
						<div class="viewtext_color_green">1</div>
					</div>
					<div class="bgcolor_green item row">
						<div class="bg_white viewtext_color_green item_a">A</div>
						<div class="viewtext_color_white">经常发送</div>
						<div class="viewtext_color_green">1</div> -->
					<!-- </div> -->
					
				</div>
			
			</div>
			
			<div class="page  box4 ">
			<div class="column">
				<div class="title">
					<div>记</div>
					<div>得</div>
					<div>完</div>
					<div>成</div>
					<div>哦</div>
					<div>！</div>
					<div>！</div>
				</div>
				<img class="sun" src="img/sun.png" />
				<div class="btn btn5">
					<div> &nbsp; &nbsp;回到首页</div>
					<img class="btn_bg" src="./img/btn__bg.png" />
				</div>
				<div class="biaoti"></div>
				
				<div class="box4__content column">
					<div>
						<img class="xing" src="img/wujiaoxingxingxingshoucangmoren.png" />
						<img class="xing" src="img/wujiaoxingxingxingshoucangmoren.png" />
						<img class="xing" src="img/wujiaoxingxingxingshoucangmoren.png" />
						<img class="xing" src="img/wujiaoxingxingxingshoucangmoren.png" />
						<img class="xing" src="img/wujiaoxingxingxingshoucangmoren.png" />
					</div>
					<div id="score"></div>
				</div>
				<div class="box4__main row" id="creEle">
				<!-- 	<div>经常感冒</div>
					<div>经常感冒</div>
					<div>经常感冒</div>
					<div>经常感冒</div>
					<div>经常感冒</div>
					<div>经常感冒</div> -->
				</div>
				
			
			</div>
			</div>
			
			
		</div>
	</body>

</html>